<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<title>管理员登陆</title>
	<link rel="stylesheet" href="../css/bootstrap.min.css">
	
	<link rel="stylesheet" href="../css/font-awesome.css">
	<link rel="stylesheet" href="../css/css.css">
	<link rel="stylesheet" href="../css/animate.min.css">
	<style type="text/css">
		 body{
		      background: url("../img/bglogin.png") fixed;
		     
		      margin: 0px;
		      padding: 0px;
		    }
		.login-bg{
	      margin: 200px auto 0 auto;
	      height: 250px;
	      background-color:#e0741f ;
	      vertical-align: baseline;
	    }
	    .form-signin {
      max-width: 300px;
      padding: 19px 29px 29px;
      margin: 0 auto 20px;
      color:#fff;
      -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
              border-radius: 5px;
      -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
         -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
              box-shadow: 0 1px 2px rgba(0,0,0,.05);
    }
    .form-signin .form-signin-heading,
    .form-signin .checkbox {
      margin-bottom: 10px;
    }
    .form-signin input[type="text"],
    .form-signin input[type="password"] {
      font-size: 16px;
      height: auto;
      margin-bottom: 15px;
      padding: 7px 9px;
    }
    .login-form{
      -vendor-animation-duration: 2s;
      -vendor-animation-delay: 3s;
      -vendor-animation-iteration-count: infinite;
    }



	</style>
</head>
<body>
	<div class="login-bg">
		<form class="form-signin login-form">
        <h2 class="form-signin-heading">
          Book Store
        </h2>
        <input type="text" class="input-block-level" placeholder="账号" x-webkit-speech="undefined">
        <input type="password" class="input-block-level" placeholder="密码">
        <button class="btn btn-large btn-block btn-success" type="button">Sign in</button>
    </form>
	</div>

	<script type="text/javascript" src="../js/jquery.js"></script>
	<script type="text/javascript" src="../js/bootstrap.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$(".login-form").addClass("animated bounceInLeft");
			$(".btn").click(function(){

		       
 				$(".login-form").removeClass("animated fadeInDown");
		        $(".login-form").addClass("animated shake");
		        window.setTimeout( function(){$('.login-form').removeClass("animated shake")},1300);

		        location.href='index.html';
		      });

		});

	</script>
</body>
</html>
